*{
    margin: 0;
    padding: 0;
}
html,body{
    height: 100%;
    min-width: 1366px;
}
body{
    font-size: 1em;
    font-family:  arial,"Hiragino Sans GB","Microsoft Yahei","微软雅黑","宋体",宋体,Tahoma,Arial,Helvetica,STHeiti;
}
/*----------------
model_1 模板样式1
------------------
header   頭部  永遠在頂部
sidebar  侧边  25%； 20
content  内容  70%；  50
panel    面板  30%;  30
------------------*/
.Container{
    margin:0 auto;
    height: 100%;
}
.header_1{
    background-color:#000000;
    width: 100%;
    position: fixed;
    height: 3em;
    top: 0px;
    color: #ffffff;
}

.sidebar_1{
    display: inline-block;
    min-width: 25%;
    height:100%;
    background-color: yellow;
}
.content_1{
    display: inline-block;
    min-width: 70%;
    height: 100%;
    background-color: pink;
}
.panel_1{
    position: absolute;
    top: 0;
    right: 0;
    background-color:gray;
    display: none;
}
button{
    position: fixed;
    top: 50%;
    right: 0;
    display: block;/*按钮显示*/
}
/*-------高于1366px的效果，低于的话是不现实panel的-------*/
@media screen and (min-width:1366px){
    
.sidebar_1{
    width: 20%;
}
.content_1{
    width: 50%;

}
.panel_1{
    width:30%;
    height: 100%;
    background-color:gray;
    display:inline-block;
    top:3em;
}
button{
    display:none;/*按钮不显示显示*/
}

}
